﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/SiteNoBar.Master" Inherits="System.Web.Mvc.ViewPage<IEnumerable<GUI_Web.ServicioUsuarios.User>>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	<h2>Resultados de búsqueda</h2>
    <p>Muestra los resultados de acuerdo al nombre de usuario elegido.</p>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script type="text/javascript">
    $(document).ready(function () {
        $("table").tablesorterPager({ container: $("#pager") });
    }); 
</script>

    <h2>Resultados</h2>

    <table>
        <tr>
            <th>
                Detalles
            </th>
            <th>
                Departamento
            </th>
            <th>
                NombreUsuario
            </th>
            <th>
                PrimerApellido
            </th>
            <th>
                SegundoApellido
            </th>
        </tr>

    <% foreach (var item in Model) { %>
    
        <tr>
            <td>
                <%: Html.ActionLink("Ver", "DetallesUsuario", new {  nombreUsuario = item.UserName }) %>
            </td>
            <td>
                <%: item.Department %>
            </td>
            <td>
                <%: item.UserName %>
            </td>
            <td>
                <%: item.LastName1 %>
            </td>
            <td>
                <%: item.LastName2 %>
            </td>
        </tr>
    
    <% } %>

    </table>

    <div id="dialog:ui-dialog" title="Mensaje">
	<p>
		<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
		<%=ViewData["Message"]%>
	</p>
    </div>

    <div id="pager" class="pager">
	    <form>

		    <img src="../../Images/first.png" class="first"/>
		    <img src="../../Images/prev.png" class="prev"/>

		    <input type="text" class="pagedisplay"/>

		    <img src="../../Images/next.png" class="next"/>
		    <img src="../../Images/last.png" class="last"/>

		    <select class="pagesize">
			    <option selected="selected"  value="10">10</option>
			    <option value="20">20</option>
			    <option value="30">30</option>
                <option  value="40">40</option>
		    </select>
	    </form>
    </div>

    <p>
        <%: Html.ActionLink("Volver", "UserAudit") %>
    </p>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>

